<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东</title>
		<style>
			#a1{
				border: 1px solid #bababa;
				height: 50px;
				width: 300px;
				border-radius: 10px;
				box-shadow: 0.5px 0.5px;
			}
			input{
				border: 1px solid transparent;
				font-size: 14px;
				color: #a4a4a4;
				margin: 15px 0px 0px 10px;
				width: 200px;
			}
			#a4{
				width: 50px;
				height: 30px;
				color: #ffffff;
				margin: 5px;
				background: red;
				border-radius: 5px;
				border: 1px solid transparent;
			}
		</style>
	</head>
	<body>
		<div id="a1">
			<input placeholder="搜索 京东商品" />
				<button id="a4">搜索</button>
			</div>
	</body>
</html>